@charset "utf-8";

@font-face{
	font-family:"tool-font";
	src:url("../fonts/tool-font.ttf") format('truetype'),
	    url("../fonts/tool-font.woff") format('woff'),
		url("../fonts/tool-font.eot");
}
html,
body{margin:auto;max-width:680px;color:#626262;font-size:14px;font-family: "微软雅黑","Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
}
.by-gray{background-color:#efeff4;}
img{vertical-align:top;}
a,a:hover,a:focus{text-decoration:none;}
ul{list-style:none;margin-left:0;padding-left:0;}
em{font-style:normal;}
.float-l{float:left;}
.float-r{float:right;}
.clear:before,
.clear:after{display:block;content:".";clear:both;height:0;visibility: hidden;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
.mb55{margin-bottom:45px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.h50{height:50px;}

/*------ tool-font ------*/
.tool-font{display:inline-block;font-family:"tool-font";font-style:normal;}
.font-arrow-left:before{content:"\0021";}
.font-arrow-right:before{content:"\0022";}
.font-place:before{content:"\0023";}
.font-wechat:before{content:"\0024";}
.font-edit:before{content:"\0025";}

/*------ color ------*/
.color-orange{color:#ff5a29;}
.color-blue{color:#48b0f7;}
.color-666{color:#666;}

/*header*/
.header-bar{position:fixed;top:0;right:0;left:0;margin:auto;max-width:680px;height:45px;line-height:44px;border-bottom:1px solid #e5e5e5;text-align:center;background:#fff;color:#333;z-index:98;
			-webkit-box-sizing:border-box;
			        -moz-box-sizing:border-box;
                        -o-box-sizing:border-box;
			                box-sizing:border-box;
}
.header-bar .header-left{float:left;width:45px;line-height:0;text-align:center;}
.header-bar .header-left .tool-font{line-height:45px;color:#666;font-size:32px;}
.header-bar .title{position:absolute;top:0;right:45px;left:45px;font-size:16px;}
.header-bar .header-right{float:right;width:80px;}
.header-bar .header-right .text-btn{color:#48b0f7;}

/*prompt-box*/
.prompt-box{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;background:rgba(0,0,0,.8);overflow:hidden;z-index:99;}
.prompt-box .prompt-detail{position:absolute;top:50%;left:50%;width:70%;padding:10px; border-radius:3px;text-align:center;background:#fff;transform:translate(-50%,-50%);}
.prompt-box .prompt-detail .prompt-text{padding:20px;color:#333;}
.prompt-box .prompt-detail .btn{display:inline-block;padding:0;height:40px;line-height:40px;border-radius:5px;background:#48b0f7;color:#fff;font-size:16px;}
.prompt-box .prompt-detail .btn.full-btn{width:100%;}

/*fix-bottom*/
.fix-bottom{position:fixed;right:0;bottom:0;left:0;margin:auto;max-width:680px;border-top:1px solid #e5e5e5;z-index:98;}